<template>
	<view class="column">
		<view>
			<view style="width: 200upx; height: 200upx;">
				<image style="width: 100%; height: 100%;" src="../../static/logo.png"></image>
			</view>
			<view style="flex: 1;">
				<text>This is a sample!</text>
			</view>
		</view>
		<view>
			<view style="flex: 1;">
				<text>This is a sample!</text>
			</view>
			<view style="flex: 2;">
				<text>This is a sample!</text>
			</view>
		</view>

		<view>
			<button size="mini" type="primary">确认</button>
		</view>
	</view>
</template>

<script>
</script>

<style>
	page view {
	}

	view {
		display: flex;
		flex-direction: row;
	}

	view {
		border: #8F8F94 solid 1px;
		padding: 10upx;
	}

	.column {
		flex-direction: column;
	}
	
	.row{
		flex-direction: row;
	}
</style>
